.Balance{
    min-height: 100%;
    background-color: $probgcolor;
    .balancetop{
        width: 100%;
        height: rpx(235);
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        .balancelabel{
            display: flex;
            flex-direction: row;
            align-items: center;
            margin-top: rpx(40);
            .labelimg{
                width: rpx(24);
                height: rpx(24);
            }
            .label{
                font-size: rpx(26);
                font-family: PingFang-SC-Medium;
                color: #414141;
                display: inline-block;
                margin-left: rpx(10);
                .labeldes{
                    font-size: rpx(22);
                }
            }
        }
        .money{
            font-family: PingFang-SC-Medium;
            color: #FF4C4C;
            font-size: rpx(60);
            display: inline-block;
            margin-bottom: rpx(20);
            margin-top: rpx(10);
        }
        .detailarea{
            display: flex;
            flex-direction: row;
            align-items: center;
            .detaillabel{
                font-size:rpx(24);
                font-family:PingFang-SC-Medium;
                font-weight:500;
                color:rgba(188,188,188,1);
                display: inline-block;
                margin-right: rpx(24);
            }
            .righticon{
                width: rpx(12);
                height: rpx(22);
            }
        }
    }
    .balancebottom{
        padding: 0 rpx(48);
        padding-top: rpx(24);
        .bottomlabel{
            font-size:rpx(32);
            font-family:PingFang-SC-Medium;
            font-weight:500;
            color:rgba(35,43,50,1);
        }
        .cardlist{
            width: rpx(654);
            height: rpx(249);
            margin-top: rpx(24);
            position: relative;
            .cardicon{
                width: 100%;
                height: 100%;
            }
            .cardbox{
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between;
                .carddesArea{
                    display: flex;
                    flex-direction: column;
                    margin-left: rpx(53);
                    .cardlabel{
                        font-size:rpx(34);
                        font-family:PingFang-SC-Medium;
                        font-weight:500;
                        color:rgba(255,255,255,1);
                        display: flex;
                        margin-top: rpx(51);
                    }
                    .cardDes{
                        display: inline-block;
                        width: rpx(352);
                        margin-top: rpx(24);
                        font-size:rpx(24);
                        font-family:PingFang-SC-Regular;
                        font-weight:400;
                        color:rgba(255,255,255,1);
                    }
                }
                .cardbtnarea{
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    font-size:rpx(26);
                    font-family:PingFang-SC-Regular;
                    font-weight:400;
                    color:rgba(225,235,33,1);
                    margin-right: rpx(24);
                }
            }
        }
    }
}
